<ng-container *ngIf="apesLoading">
  <ng-container [ngSwitch]="apesType">

    <!-- 默认 -->
    <apes-skeleton-element *ngSwitchCase="'default'" apesType="default"
                         [ngClass]="skeletonActiveClass()"
                         [apesStyle]="apesStyle"
                         [apesHeight]="apesHeight || '1rem'"
                         [apesWidth]="apesWidth"
                         [apesClass]="apesClass"></apes-skeleton-element>
    <!-- 按钮 -->
    <apes-skeleton-element *ngSwitchCase="'button'" apesType="button"
                         [ngClass]="skeletonActiveClass()"
                         [apesShape]="apesShape"
                         [apesSize]="apesSize"
                         [apesClass]="apesClass"></apes-skeleton-element>

    <!-- 头像 -->
    <apes-skeleton-element *ngSwitchCase="'avatar'" apesType="avatar"
                         [ngClass]="skeletonActiveClass()"
                         [apesShape]="apesShape || 'circle'"
                         [apesSize]="apesSize"
                         [apesClass]="apesClass"></apes-skeleton-element>

    <!-- 输入框 -->
    <apes-skeleton-element *ngSwitchCase="'input'" apesType="input"
                         [ngClass]="skeletonActiveClass()"
                         [apesHeight]="apesHeight"
                         [apesWidth]="apesWidth"
                         [apesSize]="apesSize"
                         [apesClass]="apesClass"></apes-skeleton-element>

    <!-- 图片 -->
    <apes-skeleton-element *ngSwitchCase="'image'" apesType="image"
                         [apesSize]="apesSize"
                         [ngClass]="skeletonActiveClass()"></apes-skeleton-element>

    <!-- 段落 -->
    <apes-skeleton-element *ngSwitchCase="'paragraph'" apesType="paragraph"
                         [ngClass]="skeletonActiveClass()"
                         [apesHeight]="apesHeight"
                         [apesWidth]="apesWidth"
                         [apesRow]="apesRow || 3"
                         [apesSize]="apesSize"
                         [apesClass]="apesClass"></apes-skeleton-element>
  </ng-container>


</ng-container>
<ng-container *ngIf="!apesLoading">
  <ng-content></ng-content>
</ng-container>
